<template>
    <div class="log">
        
        <div class="query-section flex">
            <div class="left-query-wrap flex-box">
                <div class="query-item flex-box">
                    <span class="query-title">按操作功能分类查询</span>
                    <Select class="query-form-item">
                        <Option value="beijing">薪酬结构</Option>

                    </Select>
                </div>
                <div class="query-item flex-box">
                    <span class="query-title">按账号查看</span>
                    <Select class="query-form-item">
                        <Option value="beijing">所有账号</Option>
                        <Option value="shanghai">刘强我</Option>
                        <Option value="shenzhen">Sydney</Option>
                    </Select>
                </div>
            </div>
            <a href="javascript:">重置</a>
        </div>
        <div class="table-section">
             <Table width="100%" :columns="columns" :data="data4" ></Table>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            formItem:{select:[]},
               columns: [
      
        {
          title: "操作时间",
          key: "name"
        },
        {
          title: "IP",
          key: "age"
        },
        {
          title: "操作记录",
          key: "c"
        },
      ],
            data4:[
                {
                    name:"2020-06-01 23:14",
                    age:"120.244.40.147",
                    c:"刘强添加了考勤计薪方案：测试"
                }
            ]
        }
    },
}
</script>
<style lang="scss" scoped src='./index.scss'>
</style>